<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="css/ui-lightness/jquery-ui-1.10.4.custom.css" rel="Stylesheet">
<link href="css/ui.jqgrid.css" rel="Stylesheet">

<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="script/ZIP1000M0.js"></script>
<script src='js/jquery-ui-1.10.4.custom.js' type='text/javascript'></script>
</head>
<body>

	<table style="position: absolute; left: 300px">
		<tr>
			<td>검색조건</td>
			<td>
				<select id="searchCategory" name="searchCategory">	
					<option value="CODE_NAME">분류코드명</option>
					<option value="CODE_TYPE">분류코드</option>
				</select>
			</td>
			<td><input type="text" id="searchData" name="searchData"></td>
			<td width="10%"><input type="button" id="search" name="search" value="조회"></td>
			<td><input type="button" id="insertType" name="insertType" value="신규등록"></td>
			<td><input type="button" id="deleteType" name="deleteType" value="삭제"></td>
			<td><input type="button" id="cancelType" name="cancelType" value="취소"></td>
			<td><input type="button" id="saveType" name="saveType" value="저장"></td>
		</tr>
	</table>
	
	<div style="position: absolute; left: 300px; top: 50px">
	<table id="grid"></table>
	<div id="pager"></div>
	</div>
	
	<table style="position: absolute; left: 300px; top: 330px">
		<tr>
			<td>분류코드</td>
			<td><input type="text" id="codeType" name="codeType" readonly="readonly"></td>
			<td>분류코드명</td>
			<td width="35%"><input type="text" id="codeName" name="codeName" readonly="readonly"></td>
			<td><input type="button" id="insertDetail" name="insertDetail" value="신규등록"></td>
			<td><input type="button" id="deleteDetail" name="deleteDetail" value="삭제"></td>
			<td><input type="button" id="cancelDetail" name="cancelDetail" value="취소"></td>
			<td><input type="button" id="saveDetail" name="saveDetail" value="저장"></td>
		</tr>	
	</table>
	
	<div style="position: absolute; left: 300px; top: 360px">
	<table id="grid2"></table>
	<div id="pager2"></div>
	</div>
	
	<div id="test1" style="display: none;">
	</div>
	<!-- ---------------------------------------------------------------------------------------------------- -->
	<div id="test2" style="display: none;">
	</div>
</body>
</html>